<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>图书管理</title>
    <%--静态包含base标签、css样式、JQuery文件--%>
    <%@include file="/pages/common/head.jsp"%>
    <script type="text/javascript">
        $(function () {
            //给删除的a标签绑定单击事件，用于删除的确认提示操作
            $("a.deleteClass").click(function () {
                // 在事件的 function 函数中，有一个 this 对象。这个 this 对象，是当前正在响应事件的 dom 对象。
                /**
                 * confirm 是确认提示框函数
                 * 参数是它的提示内容
                 * 它有两个按钮，一个确认，一个是取消。
                 * 返回 true 表示点击了，确认，返回 false 表示点击取消。
                 */
                return confirm("你确定要删除【" + $(this).parent().parent().find("td:first").text() + "】?");
                // return false// 阻止元素的默认行为===不提交请求
            });



        });
    </script>
</head>
<body>

<div id="header">
<%--    <img class="logo_img" alt="" src="/static/img/logo.gif" >--%>


<%--    <%@include file="/pages/common/login_success_menu.jsp"%>--%>

    <img class="logo_img" alt="" src="static/img/logo.gif" >

    <%@include file="/pages/common/login_success_menu.jsp"%>
    <span class="wel_word">图书管理系统</span>

</div>

<div id="main">
    <div id="book">
        <div class="book_cond">
            <form action="/client/bookServlet" method="get">
                <input type="hidden" name="action" value="pageByPrice"/>
                价格: <input id="min" type="text" name="min" value="${param.min}"> 元 -
                    <input id="max" type="text" name="max" value="${param.max}"> 元
                    <input type="submit" value="查询" />
            </form>

        </div>
        <table>
            <tr>
                <td>名称</td>
                <td>价格</td>
                <td>作者</td>
                <td>销量</td>
                <td>库存</td>
                <td colspan="2">操作</td>
            </tr>
            <c:forEach items="${requestScope.page.items}" var="book">
                <tr>
                    <td>${book.name}</td>
                    <td>${book.price}</td>
                    <td>${book.author}</td>
                    <td>${book.sales}</td>
                    <td>${book.stock}</td>
                    <td><a href="client/bookServlet?action=getBook&id=${book.id}&pageNo=${requestScope.page.pageNo}">修改</a></td>
                    <td><a class="deleteClass" href="client/bookServlet?action=delete&id=${book.id}&pageNo=${requestScope.page.pageNo}">删除</a></td>
                    <td><a href="client/cartServlet?action=addItem&id=${book.id}">加入购物车</a></td>

                </tr>
            </c:forEach>


            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td><a href="pages/book/book_add.jsp?pageNo=${requestScope.page.pageTotal}">添加图书</a></td>
            </tr>
        </table>

    </div>

    <%--分页开始 静态包含分页条--%>
    <%@include file="/pages/common/page_nav.jsp"%>
    <%--分页结束--%>
</div>

<%@include file="/pages/common/footer.jsp"%>
</body>
</html>

